<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<title>作品展示 | 唐锐</title>
	<meta charset="utf-8">
	<meta name="author" content="唐锐">
	<meta name="description" content="学习前端的路上做过的东西～"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/main.css">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
	<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis dolorum adipisci ratione sed labore, illum neque quaerat veniam perferendis, temporibus odit ex perspiciatis nam magni. Eligendi, nesciunt perspiciatis quod. Maiores?</div>
	<header>
		<div class="logo">
			<a href="../index.html">
			<img src="http://7xjr92.com1.z0.glb.clouddn.com/%E5%A4%B4%E5%83%8Flogo.png" title="Troy" alt="Troy's logo" width="150px"; height="150px;"/></a>
		</div>

		<div id="menu_icon"></div>
		<nav>
			<ul>
				<li><a href="../index.html" class="selected">Home</a></li>
				<li><a href="../../">Blog</a></li>
				<li><a href="../resume.html">About</a></li>
				<li><a href="mailto:ruitang307@gmail.com">Contact me</a></li>
			</ul>
		</nav>

		<div class="footer clearfix">
			<div class="rights">
				<p>Copyright © 2015 唐锐.</p>
			</div>
		</div >
	</header>

	<section class="main clearfix">
		<div class="work">
			<a href="assets/douban/index.html">
				<img src="img/douban.jpg" height="535" width="535" class="media" alt="豆瓣"/>
				<div class="caption">
					<div class="work_title">
						<h1>豆瓣</h1>
						<p>自己写的第一个网页，看起来真是粗糙得很，不过当时也硬着头皮写完了</p>
					</div>
				</div>
			</a>
		</div>

		<div class="work">
			<a href="assets/duckfile/index.html">
				<img src="img/duckfiles.jpg" height="535" width="535" class="media" alt="duckfiles"/>
				<div class="caption">
					<div class="work_title">
						<h1>Duck Files</h1>
						<p>看不进书了，翻了翻存的PSD写了一个网页。。</p>
					</div>
				</div>
			</a>
		</div>

		<div class="work">
			<a href="assets/gallery/index.html">
				<img src="img/gallery.jpg" class="media" alt="Gallery" width="535" height="535" />
				<div class="caption">
					<div class="work_title">
						<h1>相册</h1>
						<p>学jQuery的第二天写的网页，写jQuery切换图片操作花了我一下午。。自己设计的界面，自我感觉良好(ง •̀_•́)ง</p>
					</div>
				</div>
			</a>
		</div>

		<div class="work">
			<a href="assets/hm/index.html">
				<img src="img/hm.png" class="media" alt="H&M" width="535" height="535" />
				<div class="caption">
					<div class="work_title">
						<h1>H&M 中国</h1>
						<p>正好逛了下H&M，看到官网感觉挺漂亮的，就写了一下，不过图片轮播没有写，有一点点思路但是。。ORZ</p>
					</div>
				</div>
			</a>
		</div>

		<div class="work">
			<a href="assets/slideandpushmenus/index.html">
				<img src="img/slideandpushmenus.jpg" class="media" alt="滑动和推出菜单" width="535" height="535" />
				<div class="caption">
					<div class="work_title">
						<h1>滑动和推出菜单</h1>
						<p>用jQuery写的一个小小小插件。。。炒鸡简单</p>
					</div>
				</div>
			</a>
		</div>

		<div class="work">
			<a href="assets/slider/index.html">
				<img src="img/slider.jpg" class="media" alt="图片轮播小插件" width="535" height="535" />
				<div class="caption">
					<div class="work_title">
						<h1>图片轮播</h1>
						<p>用jQuery写的一个小小小插件。。。炒鸡简单</p>
					</div>
				</div>
			</a>
		</div>

		<div class="work">
			<a href="assets/youzi/index.html">
				<img src="img/youzi.jpg" class="media" alt="柚子面试任务PSD" width="535" height="535" />
				<div class="caption">
					<div class="work_title">
						<h1>柚子面试任务</h1>
						<p>在柚子面试后布置的任务，PSD转网页</p>
					</div>
				</div>
			</a>
		</div>

	</section><!-- end main -->
	
</body>
</html>